<!--
 * @Descripttion: 
 * @version: 
 * @Author: ada.wu
 * @Date: 2023-11-22 23:08:34
 * @LastEditors: ada.wu
 * @LastEditTime: 2023-11-23 00:34:36
-->
<template>
  <div>
    <div class="app_card mb-2 pt-4 pb-4">
      <div class="d-flex justify-content-start align-items-center">
        <div class="pe-4">
          <img class="rounded-pill" width="80" src="@/assets/img/myheader.png">
        </div>
        <div>
          <div class="text-18 pb-2"><b>{{ userStore.user.name }}</b>
            <el-tag color="#452C2D" :hit="false">
              <font color="#FF8800">{{ {1:'管理员',2:"教师"}[userStore.user.isSupper] }}</font>
            </el-tag>
          </div>
          <div class="text-14 text-white-50">关注数 {{ userStore.user.collectionNum }}&emsp;&emsp;粉丝数 {{ userStore.user.fansNum }}<!--&emsp;&emsp; 获赞数  2000+--></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
/**
 * 头像
 */
import { ref } from 'vue';
import EsAjax from '@/utils/EsAjax';
import ApiUrls from '@/apis/index';
//组件
import { roomTypeList } from '@/apis/model/RoomModel';
import { findValue } from '@/utils/EsCommon';
import useUserStore from "@/stores/useUserStore";
const userStore = useUserStore()
</script>

<style lang="less" scoped>
:deep(.el-tag) {
  vertical-align: middle;
  margin-left:5px ;
  padding: 0 2px;
  border: none !important;
}
</style>